import { Button, Typography } from '@douyinfe/semi-ui'
import { IconArrowLeft } from '@douyinfe/semi-icons'
import { useNavigate } from 'react-router-dom'

import styles from './index.module.css'

const { Title } = Typography

const Home = () => {
    const navigate = useNavigate()

    const handleClick = () => {
        navigate('/')
    }

    return (
        <div className={styles.container}>
            <Title style={{ margin: '30px 0' }}>Home</Title>
            <Button
                onClick={() => handleClick}
                theme='solid'
                type='primary'
                icon={<IconArrowLeft />}
            >
                返回
            </Button>
        </div>
    )
}

export default Home
